<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/iconfont.css">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/bg.css">
</head>
<body>
<div id="skin-box">
	<div class="header-nav clearfix">
		<div class="header-nav-left"> 
			<a href="javascript:;">
				<img src="images/logo.png" alt="">
				<span class="change">Nifty</span>
			</a>
		</div>
		<div class="header-nav-right clearfix">
			<ul class="f-left clearfix">
				<li class="btn-nav"><a href="javascript:;"><i class="iconfont icon-view_column change"></i></a></li>
				<li><a href="javascript:;"><i class="iconfont icon-2copy change"></i></a></li>
			</ul>
			<ul class="f-right clearfix">
				<li><a href="javascript:;"><img src="images/united-kingdom.png" alt=""></a></li>
				<li><a href="javascript:;"><span class="change">Aaron Chavez</span><i class="iconfont icon-wode change"></i></a></li>
			</ul>
		</div>
		<div class="min-btn">
			<ul class="f-left clearfix">
				<li class="btn-nav"><a href="javascript:;"><i class="iconfont icon-view_column change"></i></a></li>
				<li><a href="javascript:;"><i class="iconfont icon-2copy change"></i></a></li>
			</ul>
		</div>
	</div>
	<!-- 顶部设置 -->
	<div class="header-set">
		
		<div class="panel-me">
			<div class="header-tit">
				<div class="tit-l">
					<i class="iconfont icon-shezhi"></i>
				</div>
				<div class="tit-c">
					<p>Costomize</p>
					<p>Customize Nifty's layout, sidebars, and color schemes.</p>
				</div>
				<div class="tit-r">
					<i class="iconfont icon-guanbi"></i>
				</div>
			</div>
			<div class="panel-left panel-fl">
				<dl class="model">
					<dt class="model-Header"></dt>
					<dd class="model-Nav"></dd>
				</dl>
				<dl class="one-model">
					<dt class="model-Header"></dt>
					<dd class="model-Nav"></dd>
				</dl>
			</div>
			<div class="panel-right panel-fl">
				<div class="set-btm">
	                    <i class="iconfont icon-kaiguan1 toggle-switch"></i>
	                Onetcut Buttons
	            </div>
	            <!-- <div class="set-btm">
	                    <i class="iconfont icon-kaiguanguan-copy toggle-switch"></i>
	                Twotcut Buttons
	            </div> -->
			</div>
		</div>
		<div class="flip">
			<i class="iconfont icon-shezhi"></i>
			<!-- <img src="" alt="">	 -->
		</div>
	</div>
	<!-- 左侧下拉菜单 -->
	<div class="verticalNav" id="verticalNav">
		<div class="verticalNav-header">
			<div class="user-photo">
				<img src="images/profile-photos/1.png" alt="">
				<span>New</span>
			</div>
			<div class="verticalNav-select">
				<div class="verticalSelect-tit">
					<p>Aaron Chavez<i class="iconfont icon-sanjiaoxing-copy-copy change"></i></p>
					<span>aaron.cha@themeon.net</span>
				</div>				
			</div>
		</div>
		<div class="verticalSelect-con">
			<ul>
				<li>
					<a href="javascript:;"><i class="iconfont icon-shezhi change"></i>设置</a>
				</li>
				<li>
					<a href="javascript:;"><i class="iconfont icon-shoujihao change"></i>手机号</a>
				</li>
				<li>
					<a href="javascript:;"><i class="iconfont icon-wode change"></i>我的</a>
				</li>
			</ul>
		</div>
		<ul id="accordion" class="accordion">
			<li>
				<div class="link"><i class="iconfont icon-dianpu change"></i>店铺设置<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">店铺管理</a></li>
	                <li><a href="javascript:;">人员管理</a></li>
	                <li><a href="javascript:;">店铺状态管理</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-tabhome change"></i>店铺首页<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">店铺排版</a></li>
	                <li><a href="javascript:;">新品推荐</a></li>
	                <li><a href="javascript:;">商品推荐</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-shopping_bag change"></i>促销活动<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">团购</a></li>
	                <li><a href="javascript:;">加购</a></li>
	                <li><a href="javascript:;">买赠</a></li>
	                <li><a href="javascript:;">当日促销</a></li>
	                <li><a href="javascript:;">大转盘</a></li>
	                <li><a href="javascript:;">第二件半价</a></li>
	                <li><a href="javascript:;">预售</a></li>
	                <li><a href="javascript:;">线下抽奖</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-bao change"></i>商品<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">待处理商品信息</a></li>
	                <li><a href="javascript:;">商品管理</a></li>
	                <li><a href="javascript:;">商品分类</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-youhuiquan change"></i>优惠券<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">优惠券生成管理</a></li>
	                <li><a href="javascript:;">优惠券发放管理</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-pingban change"></i>平板体验设置<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">平板体验设置</a></li>
	                <li><a href="javascript:;">平板数据</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-qita change"></i>其他<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">运费</a></li>
	                <li><a href="javascript:;">热门搜索</a></li>
	                <li><a href="javascript:;">商品评价</a></li>
	                <li><a href="javascript:;">抢单配送费</a></li>
				</ul>
			</li>
			<li>
				<div class="link"><i class="iconfont icon-shujutongji change"></i>数据统计<i class="iconfont icon-arrow-right fa-chevron-down"></i></div>
				<ul class="submenu">
					<li><a href="javascript:;">数据统计</a></li>
				</ul>
			</li>
		</ul>
	</div>

	<!-- 左侧定位导航 -->
	<div class="posNav">
		<ul class="first-ul">
			<li>
				<a href="javascript:;"><i class="iconfont icon-wode change"></i></a>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-dianpu change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">店铺管理</a></li>
	                <li><a href="javascript:;">人员管理</a></li>
	                <li><a href="javascript:;">店铺状态管理</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-tabhome change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">店铺排版</a></li>
	                <li><a href="javascript:;">新品推荐</a></li>
	                <li><a href="javascript:;">商品推荐</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-shopping_bag change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">团购</a></li>
	                <li><a href="javascript:;">加购</a></li>
	                <li><a href="javascript:;">买赠</a></li>
	                <li><a href="javascript:;">当日促销</a></li>
	                <li><a href="javascript:;">大转盘</a></li>
	                <li><a href="javascript:;">第二件半价</a></li>
	                <li><a href="javascript:;">预售</a></li>
	                <li><a href="javascript:;">线下抽奖</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-bao change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">待处理商品信息</a></li>
	                <li><a href="javascript:;">商品管理</a></li>
	                <li><a href="javascript:;">商品分类</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-youhuiquan change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">优惠券生成管理</a></li>
	                <li><a href="javascript:;">优惠券发放管理</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-pingban change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">平板体验设置</a></li>
	                <li><a href="javascript:;">平板数据</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-qita change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">运费</a></li>
	                <li><a href="javascript:;">热门搜索</a></li>
	                <li><a href="javascript:;">商品评价</a></li>
	                <li><a href="javascript:;">抢单配送费</a></li>
				</ul>
			</li>
			<li>
				<a href="javascript:;"><i class="iconfont icon-shujutongji change"></i></a>
				<ul class="two-ul">
					<li><a href="javascript:;">数据统计</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<!-- iframe -->
	<div class="content-container">
		<div class="content-box">
			家边购，果时汇，隔壁买，磴口
		</div>
	</div>
</div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<!-- <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> -->
<script src="js/main.js"></script>
</html>